<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0043)http://localhost:8080/mango/cart/list.jhtml -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/logo_short.png"/>
<title>订单页面</title>
<link href="${pageContext.request.contextPath}/css/common.css"
	rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/cart.css"
	rel="stylesheet" type="text/css" />

</head>
<body>

	<div class="container header">
		<div class="span5">
			<div class="logo">
				<a href="http://localhost:8080/iShop/"> <img
					src="${pageContext.request.contextPath}/image/r___________renleipic_01/logo.png"
					alt="iShopping" />
				</a>
			</div>
		</div>
		<div class="span9">
			<div class="headerAd">
				<img src="${pageContext.request.contextPath}/image/header.jpg"
					width="320" height="50" alt="正品保障" title="正品保障" />
			</div>
		</div>
		<%@ include file="menu.jsp"%>
	</div>
	<div class="container cart">
		<div class="span24">
			<div class="step step1">
				<ul>
					<li class="current"></li>
					<li>生成订单成功</li>
				</ul>
			</div>
			<table>
				<tbody>
					<tr>
						<th colspan="5">订单编号:<c:out value="${order.oid}" />&nbsp;&nbsp;&nbsp;&nbsp;
						</th>
					</tr>
					<tr>
						<th>图片</th>
						<th>商品</th>
						<th>价格</th>
						<th>数量</th>
						<th>小计</th>
					</tr>
					<c:forEach var="orderItem" items="${order.orderItems}">
						<tr>
							<td width="60"><img
								src="${ pageContext.request.contextPath }/<c:out value="${ orderItem.product.image}"/>" />
							</td>
							<td><c:out value="${orderItem.product.pname}" /></td>
							<td><c:out value="${orderItem.product.shop_price}" /></td>
							<td class="quantity" width="60"><c:out
									value="${orderItem.count}" /></td>
							<td width="140"><span class="subtotal">￥ <c:out
										value="${orderItem.subtotal}" /></span></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<dl id="giftItems" class="hidden" style="display: none;">
			</dl>
			<div class="total">
				<em id="promotion"></em> 商品金额: <strong id="effectivePrice">￥<c:out
						value="${order.total}" />元
				</strong>
			</div>
			<form id="orderForm"
				action="${ pageContext.request.contextPath }/payOrder" method="post">
				<input type="hidden" name="oid"
					value="<c:out value="${order.oid}"/>" />
				<div class="span24">
					<p>


						收货地址：
						<c:choose>
							<c:when test="${empty order.addr }">
								<input name="addr" type="text" value="${sessionScope.user.addr}"
									style="width: 350px" />
							</c:when>
							<c:otherwise>
								<input name="addr" type="text" value="${order.addr}"
									style="width: 350px" />
							</c:otherwise>
						</c:choose>
						<br /> 收货人&nbsp;&nbsp;&nbsp;：
						<c:choose>
							<c:when test="${empty order.name }">
								<input name="name" type="text"
									value="<c:out value="${sessionScope.user.username}"/>"
									style="width: 150px" />
							</c:when>
							<c:otherwise>
								<input name="name" type="text"
									value="<c:out value="${order.name}"/>" style="width: 150px" />
							</c:otherwise>
						</c:choose>

						<br /> 联系方式：
						<c:choose>
							<c:when test="${empty order.phone }">
								<input name="phone" type="text"
									value="<c:out value="${sessionScope.user.phone}"/>"
									style="width: 150px" />
							</c:when>
							<c:otherwise>
								<input name="phone" type="text"
									value="<c:out value="${order.phone}"/>" style="width: 150px" />
							</c:otherwise>
						</c:choose>



					</p>
					<hr />
					<p>
						选择银行：<br /> <input type="radio" id="bank1" name="pd_FrpId"
							value="ICBC-NET-B2C" checked="checked" /> <label for="bank1">工商银行
							<img src="${ pageContext.request.contextPath }/bank_img/icbc.bmp"
							align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
						</label> <input type="radio" id="bank2" name="pd_FrpId"
							value="BOC-NET-B2C" /> <label for="bank2">中国银行 <img
							src="${ pageContext.request.contextPath }/bank_img/bc.bmp"
							align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
						</label> <input type="radio" id="bank3" name="pd_FrpId"
							value="ABC-NET-B2C" /> <label for="bank3">农业银行 <img
							src="${ pageContext.request.contextPath }/bank_img/abc.bmp"
							align="middle" /> <br />
						</label> <input type="radio" name="pd_FrpId" id="bank4" value="BOCO-NET" />
						<label for="bank4">交通银行 <img
							src="${ pageContext.request.contextPath }/bank_img/bcc.bmp"
							align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
						</label> <input type="radio" id="bank5" name="pd_FrpId"
							value="PINGANBANK-NET" /> <label for="bank5">平安银行 <img
							src="${ pageContext.request.contextPath }/bank_img/pingan.bmp"
							align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
						</label> <input type="radio" id="bank6" name="pd_FrpId"
							value="CCB-NET-B2C" /> <label for="bank6">建设银行 <img
							src="${ pageContext.request.contextPath }/bank_img/ccb.bmp"
							align="middle" /> <br />
						</label> <input type="radio" name="pd_FrpId" id="bank7"
							value="CEB-NET-B2C" /> <label for="bank7">光大银行 <img
							src="${ pageContext.request.contextPath }/bank_img/guangda.bmp"
							align="middle" />&nbsp;&nbsp;&nbsp;&nbsp;
						</label> <input type="radio" id="bank8" name="pd_FrpId"
							value="CMBCHINA-NET-B2C" /><label for="bank8">招商银行 <img
							src="${ pageContext.request.contextPath }/bank_img/cmb.bmp"
							align="middle" /></label>
					</p>
					<hr />
					<p style="text-align: right">
						<a
							href="javascript:document.getElementById('orderForm').submit();">
							<img
							src="${pageContext.request.contextPath}/images/finalbutton.gif"
							width="204" height="51" border="0" />
						</a>
					</p>
				</div>
			</form>
		</div>

	</div>
	<div class="container footer">
		<div class="span24">
			<div class="footerAd">
				<img
					src="${pageContext.request.contextPath}/image/r___________renleipic_01/footer.jpg"
					alt="我们的优势" title="我们的优势" height="52" width="950" />
			</div>
		</div>
		<div class="span24">
			<ul class="bottomNav">
				<li><a href="#">关于我们</a> |</li>
				<li><a href="#">联系我们</a> |</li>
				<li><a href="#">诚聘英才</a> |</li>
				<li><a href="#">法律声明</a> |</li>
				<li><a>友情链接</a> |</li>
				<li><a target="_blank">支付方式</a> |</li>
				<li><a target="_blank">配送方式</a> |</li>
				<li><a>SHOP++官网</a> |</li>
				<li><a>SHOP++论坛</a></li>
			</ul>
		</div>
		<div class="span24">
			<div class="copyright">Copyright © 2005-2015 网上商城 版权所有</div>
		</div>
	</div>
</body>
</html>